<template>
    <el-tag 
      :type="item.css"
      v-for="item in filteredDictList"
      :key="item.id"
    >
      {{ item.key }}
    </el-tag>
  </template>
  
  <script setup>
  import { computed } from 'vue';
  
  // 定义组件props
  const props = defineProps({
    // 完整的字典列表
    dictList: Array,
    dictValue: String
  });
  
  // 计算属性：过滤后的字典列表
  const filteredDictList = computed(() => {
    return props.dictList.filter(item => 
        item.value === props.dictValue  // 保留值等于dictValue的项
      );
  });
  </script>
  